<template>
  <el-table-column :label="index" :prop="index" align="center">
    <el-table-column
      v-for="item in coloumnHeader"
      :key="item"
      :prop="item"
      :label="mappingName[item]"
      sortable
      width="150px"
    />
  </el-table-column>
</template>

<script>
export default {
  name: 'TableColumn',
  props: {
    coloumnHeader: {
      type: Array,
      required: true
    },
    mappingName: {
      type: Object, default: () => {
      }
    },
    index: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>

</style>
